<?php
session_start();
if (isset($_GET['op'])){
    $_SESSION['openid']=$_GET['op'];
}
if (isset($_SESSION['openid'])){
    $openid=$_SESSION['openid'];
}else{
    exit;
}
include './c/config.php';
include 'jssdk.php';
$jssdk = new JSSDK($appId, $secret);
$signPackage = @$jssdk->GetSignPackage();
$url='./';


$qiud=['奥地利','北马其顿','比利时','波兰','丹麦','德国','俄罗斯','法国','芬兰','荷兰','捷克','克罗地亚','葡萄牙','瑞典','瑞士','斯洛伐克','苏格兰','土耳其','威尔士','乌克兰','西班牙','匈利亚','意大利','英格兰'];
 
?><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>科龙</title>
<style>
html,body{font-size:16px;width:100%;font-size:12px;color:#fff;font-family:Microsoft YaHei, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body, div{position:relative;padding:0px;margin:0px auto;max-width:750px;}
.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:300px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFF;text-align:center;border-radius:3px;overflow:hidden}.weui-dialog__hd{padding:1.3em 1.6em .5em}.weui-dialog__title{font-weight:400;font-size:18px}.weui-dialog__bd{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}.weui-dialog__bd:first-child{padding:1.2em 20px .1em;color:#353535}.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}.weui-dialog__btn:active{background-color:#EEE}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:#353535}.weui-dialog__btn_primary{color:#0BB20C}@media screen and (min-width:1024px){.weui-dialog{width:35%}}.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}
-webkit-touch-callout:none;
-webkit-user-select:none;
html{-ms-touch-action:none;}
*{-webkit-overflow-scrolling:touch;}
.fixfixed {position:absolute;}
div,img{-webkit-tap-highlight-color:rgba(0,0,0,0);}
*{-webkit-text-size-adjust: none;}
.simg{position:absolute;display:block;}
a{text-decoration:none;}
.txt{position:absolute;text-indent:6px;font-size:12px;z-index:2;}
.txt::-webkit-input-placeholder {color:#b4b4b4;text-align:left;}
.container{position:relative;width:100%;height:auto;overflow:hidden;}
.page{position:absolute;width:100%;height:100%;display:none;}
.p1{background:#f5f3e9;} 
input{position:absolute;display:block;text-indent:10px;-webkit-appearance:none;background:none;padding:0;outline-style:none;border:none;color:#fff;}
select{position:absolute;display:block;background:transparent;border:0px;text-indent:8px;font-size:12px;-webkit-appearance:none;color:#fff;}
.a100{position:absolute;display:block;width:100%;left:0;}
.t-rule{position:absolute;width:100%;z-index:99;top:0px;left:0px;display:none;}
.p-b, .thebg{position:absolute;width:100%;top:0;left:0;} 
#iosDialog2{display:none;}
.p1-m{position:absolute;z-index:3;}
.p2-t2{position:absolute;background:transparent url('<?php echo $url; ?>img/p2-t2.png') no-repeat;background-size:cover;}
.rule, .pop, .pop-cai{position:absolute;display:none;width:100%;height:100%;z-index:9;top:0px;left:0px;background:rgb(0,0,0,0.8);}
.rule-t1{position:absolute;background:transparent url('<?php echo $url; ?>img/rule2.png?v=7') no-repeat;background-size:cover;}
.rule-close{position:absolute;width:15%;height:13%;top:5%;right:9%;}
.p3-b1{position:absolute;background:transparent url('<?php echo $url; ?>img/p3-b1.png') no-repeat;background-size:cover;}
.pop-t1, .poc-t1{position:absolute;}
.poc-t2{top:0;}
.p2-fp{position:absolute;overflow-y:scroll;text-align:center;}
.p2-fptu{width:auto;height:96%;border-radius:5%;margin-top:1%;display:none;}
.p2-fp::-webkit-scrollbar {width:0px;}
@-webkit-keyframes rotate{ from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} }
.gorotate{animation: rotate 3s linear infinite;-webkit-animation: rotate 3s linear infinite;}
@keyframes fadeInDown{
  from {
    opacity: 0;
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown{
  animation-name: fadeInDown;
}
@keyframes backInLeft {
  0% {
    transform: translateX(-100px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.backInLeft{
  animation-name: backInLeft;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 6deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 1deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
.animated{animation-duration:1s;animation-fill-mode: both;}
.anid2{animation-duration:2s;animation-fill-mode: both;}
.animated.infinite, .anid2.infinite{animation-iteration-count: infinite;}
.animated.d3s{animation-delay: .3s;}
.animated.d5s{animation-delay: .5s;}
.animated.d8s{animation-delay: .8s;}
.animated.delay-1s{animation-delay: 1s;}
</style>
</head>
<body>
<div class="container">
  <div class="p1 page">
     <img class="p1x p-b" src="<?php echo $url; ?>img/index.jpg">
     <img class="p1-m gorotate" src="<?php echo $url; ?>img/m.png">
     <img class="p2-logo simg fadeInDown animated" src="<?php echo $url; ?>img/logo.png">
     <div class="thebg">
        <img class="p-b" src="<?php echo $url; ?>img/p1-k.png">
        <img class="p1-t1 a100 fadeInDown animated d3s" src="<?php echo $url; ?>img/p1-t1.png">
        <img class="p1-t2 simg backInLeft animated d5s" src="<?php echo $url; ?>img/p1-t2.png">
		<img class="p1-jin simg swing anid2 infinite" src="<?php echo $url; ?>img/p1-jin.png"> 
     </div>
  </div>
  
  <div class="p2 page">
     <img class="p2x p-b" src="<?php echo $url; ?>img/bg.jpg">
     <img class="p1-m gorotate" src="<?php echo $url; ?>img/m.png">
     <img class="p2-logo simg fadeInDown animated" src="<?php echo $url; ?>img/logo.png">
     <img class="back simg" data-id="gop1" src="<?php echo $url; ?>img/back.png">
     <div class="thebg">
        <img class="p2-t1 simg fadeInDown animated d3s" src="<?php echo $url; ?>img/p2-t1.png">
        <div class="p2-t2">
            <input class="txt p2-name" name="p2-name" type="text" value="" placeholder="" />
            <input class="txt p2-phone" name="p2-phone" type="number" value="" placeholder="" />
            <input class="txt p2-dizhi" name="p2-dizhi" type="text" value="" placeholder="" />
            <select class="txt p2-yuce" name="p2-yuce">
              <option value=""></option>
              <?php foreach ($qiud as $v){ ?>
              <option value="<?php echo $v ?>"><?php echo $v ?></option>
              <?php } ?>
            </select>
            <div class="p2-fp">
            <img class="p2-fptu" src="<?php echo $url; ?>img/p2-t1.pn">
            </div>
        </div>
        <div class="p2-tj simg"></div>
     </div>
     <img class="p2-rule simg" src="<?php echo $url; ?>img/rule-btn.png">
     <img class="p2-next simg" src="<?php echo $url; ?>img/next.png">
  </div>
  
  <div class="p3 page">
     <img class="p2x p-b" src="<?php echo $url; ?>img/bg.jpg">
     <img class="p1-m gorotate" src="<?php echo $url; ?>img/m.png">
     <img class="p2-logo simg fadeInDown animated" src="<?php echo $url; ?>img/logo.png">
     <img class="back simg" data-id="gop2" src="<?php echo $url; ?>img/back.png">
     <div class="thebg">
        <img class="p2-t1 simg fadeInDown animated d3s" src="<?php echo $url; ?>img/p2-t1.png">
        <div class="p3-b1">
           <img class="p3-d1 p3-b simg" src="<?php echo $url; ?>img/y.png">
           <img class="p3-1 p3-b simg" src="<?php echo $url; ?>img/b-1.png">
           
           <img class="p3-d2 p3-b simg" src="<?php echo $url; ?>img/y.png">
           <img class="p3-2 p3-b simg" src="<?php echo $url; ?>img/b-x.png">
           
           <img class="p3-d3 p3-b simg" src="<?php echo $url; ?>img/y.png">
           <img class="p3-3 p3-b simg" src="<?php echo $url; ?>img/b-3.png?v=2">
           
           <img class="p3-d4 p3-b simg" src="<?php echo $url; ?>img/y.png">
           <img class="p3-4 p3-b simg" src="<?php echo $url; ?>img/b-x.png">
           
           <img class="p3-d5 p3-b simg" src="<?php echo $url; ?>img/y.png">
           <img class="p3-5 p3-b simg" src="<?php echo $url; ?>img/b-2.png">
           
           <img class="p3-d6 p3-b simg" src="<?php echo $url; ?>img/y.png">
           <img class="p3-6 p3-b simg" src="<?php echo $url; ?>img/b-x.png">
           
           <img class="p3-d7 p3-b simg" src="<?php echo $url; ?>img/y.png">
           <img class="p3-7 p3-b simg" src="<?php echo $url; ?>img/b-3.png?v=2">
           <img class="p3-d8 p3-b simg" src="<?php echo $url; ?>img/y.png">
           <img class="p3-8 p3-b simg" src="<?php echo $url; ?>img/b-x.png">
           <img class="p3-start simg" src="<?php echo $url; ?>img/start.png">
        
        </div>
     </div>
     <img class="p2-rule simg" src="<?php echo $url; ?>img/rule-btn.png">
     <img class="p2-next simg" src="<?php echo $url; ?>img/next.png">
  </div>
 
  <div class="rule">
       <div class="rule-t1">
         <div class="rule-close"></div>
       </div>
  </div>
  
  <div class="pop">
       <div class="pop-t1">
           <img class="pop-tu pop-a simg" src="<?php echo $url; ?>img/p3-k.png">
           <img class="pop-tu pop-b simg" src="<?php echo $url; ?>img/p3-k.png">
           <div class="pop-ok simg"></div>
       </div>
  </div>
  <div class="pop-cai">
       <div class="poc-t1">
           <img class="poc-t2 a100" src="<?php echo $url; ?>img/mei.png">
           <div class="popc-ok simg"></div>
       </div>
  </div>
 
  <div class="js_dialog" id="iosDialog2">
       <div class="weui-mask"></div>
       <div class="weui-dialog">
                <div class="weui-dialog__bd weui-msg"></div>
                <div class="weui-dialog__ft">
                    <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary weui-btn">知道了</a>
                </div>
        </div>
 </div>
 
  <div style="display:none;">
	    <audio id="bgm" preload="auto"  loop="loop"><source src='./js/m3.mp3' type="audio/mp3"> </audio> 
  </div>
  
</div>
<script src="https://mat1.gtimg.com/libs/jquery2/2.1.4/jquery2.min.js"></script>
<script src="./js/pxloader-images.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<?php include 'js.php'; ?></body></html>